<!-- 行为 -->
 <!-- lang="ts" :支持ts语法  setup：是 Vue3 的组合式 API 写法 -->
<script lang="ts" setup>
// 导入 reactive 函数，用于处理响应式数据，类似鸿蒙的 @State
import{ reactive} from 'vue'
// 把普通对象通过 reactive 包装一下即可
const obj = reactive({name: '张三',age: 18})
const addAge = ()=>{
  obj.age++
console.log(obj)
}
</script>

<!-- 结构 -->
 <template>
  <p>{{ obj }}</p>
  <button @click="addAge()">点击加一岁</button>
 </template>

 <!-- 样式 -->
  <!-- scoped:样式 只对当前组件有效 -->
  <style scoped>

</style>